<template>
  <div class="edu-page-warp">
    <el-row style="height:24px;padding:0 4px;">
      <el-col :span="20">
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/messages' }">消息列表</el-breadcrumb-item>
          <el-breadcrumb-item>消息详情</el-breadcrumb-item>
        </el-breadcrumb>
      </el-col>
      <el-col :span="4">
        <router-link to="/messages" class="float-right">返回列表</router-link>
      </el-col>
    </el-row>
    <el-card shadow="never">
      <div class="message-detail">
        <h2>{{ detail.title }}</h2>
        <i>发布日期: {{ detail.date }} 来源: {{ detail.from }}</i>
        <span>{{ detail.content }}</span>
      </div>
    </el-card>
  </div>
</template>
<script>
import { findCommonMessageById } from 'common/src/api/public/message'

export default {
  data() {
    return {
      detail: {
        title: '2019年春季同济大学博士生研究生入学注意事项',
        date: '2019.01.30',
        from: '管理处',
        content: 'asdfasdfasdf',
      },
    }
  },
}
</script>
<style lang="scss" scoped>
.message-detail {
  width: 100%;
  padding: 20px;
  min-height: 420px;
  h2 {
    text-align: center;
    font-weight: 600;
  }
  i {
    display: block;
    width: 100%;
    text-align: center;
    color: #999;
  }
  span {
    margin-top: 12px;
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 12px 4px;
  }
}
</style>
